/**
 * 工具函数
 */
// 非空验证
const COMMON = {
    errors: function (item) {
        let bool = true;
        if (item == "") {
            bool = false;
        }
        return bool;
    },
}
window.common = COMMON;

// 检查是否是手机号格式
function isPhoneNumber(phone) {
    // 正则匹配
    return /^1[3-9]\d{9}$/.test(phone)
}
// 判断用户是否登录，如果没登陆，跳转到登录页
function checkUserLogin() {
    const userData = window.localStorage.getItem('user');
    if (!userData) { // 没登录，本地存储中没有存
        location.href = 'http://localhost:666/login.html';
    }
}
// 显示Toast
// 参数：
// type:类型0 成功  1失败
// text:提示文字
function showToast(type, text,callback) {
    const toastWrapper = document.createElement('div');
    toastWrapper.className = 'toast';
    // 设置元素的innerHTML
    toastWrapper.innerHTML = `
    <p>${type === 0 ? `<i class='iconfont f48 icon-gou'></i>` : `<i class='iconfont f48 icon-cuowu'></i>`}</p>
    <p class="mt8">${text}</p>
    `
    // 渲染到页面
    document.body.appendChild(toastWrapper);
    // 自动销毁
    window.setTimeout(function () {
        toastWrapper.remove();
        callback && callback();
    }, 1500);
}
// 动态添加 Tab 栏
// 参数：
//   type 当前所处页面：首页 0，运动 1，我的 2
function addTabs(type) {
    // 1. 创建节点
    const tabWrapper = document.createElement('div')
    tabWrapper.className = 'tab-wrapper'


    // 2. 设置 innerHTML
    tabWrapper.innerHTML = `
      <a class="tab-item ${type === 0 ? "tab-active" : ""}" href="./index.html">
        <i class="iconfont icon-zhuye fs28"></i>
        <span>首页</span>
      </a>
      <a class="tab-item ${type === 1 ? "tab-active" : ""}" href="./course.html">
        <i class="iconfont icon-yundong fs28"></i>
        <span>运动</span>
      </a>
      <a class="tab-item ${type === 2 ? "tab-active" : ""}" href="./mine.html">
        <i class="iconfont icon-wode fs28"></i>
        <span>我的</span>
      </a>
    `
    // 挂载
    document.body.appendChild(tabWrapper)
}
window.utils = {
    isPhoneNumber,
    checkUserLogin,
    showToast,
    addTabs,
}